<template>
	<div>
		<h1>v-text指令</h1>
		<h3 v-text="msg"></h3>
		<hr>
		<h1>v-html指令</h1>
		<h3 v-html="msg2"></h3>
		<hr>
		<h1>v-once指令</h1>
		<h3 v-once>初始的n值是:{{n}}</h3>
		<h3>当前的n值是:{{n}}</h3>
		<button @click="n++">点我n+1</button>
		<hr>
		<h1>v-pre指令</h1>
		<h3>我在尚硅谷，学习：{{subject}}</h3>
		<div v-pre>
			<span>你好！</span>
			<span>Vue不是很难，就是东西有点多，需要记忆</span>
			<div>	
				<h3>我觉得我能学好它！</h3>
				<p>
					每天提升一点点！
				</p>
			</div>
		</div>

	</div>
</template>

<script>
	export default {
		name:'App',
		data() {
			return {
				msg:'欢迎来到尚硅谷学习',
				msg2:'<a href="javascript:alert(666)">点我，有好东西</a>',
				n:1,
				subject:'前端'
			}
		},
	}
</script>


